<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />  
<meta name="apple-mobile-web-app-capable" content="yes" />  
<meta name="format-detection" content="telephone=no" />  
<title>登录</title>
<link rel='stylesheet' type='text/css' href="../css/login.css" />
<script src="../js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/index.js"></script>
<script src="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/getVerifyCode.js"></script>
	<script src="../js/gVerify.js"></script>
	<script type="text/javascript">
		$(function (){
			var height = $(window).height()-320;
			$(".login_index").height(height);
			$(".index_content").height(height);
		
			//账号登录验证码
			var verifyCode = new GVerify("v_container");
	
			document.getElementById("my_button").onclick = function(){
				var res = verifyCode.validate(document.getElementById("code_input").value);
				if(res){
					alert("验证正确");
				}else{
					alert("验证码错误");
				}
			}
		
			//获取手机验证码-登录
			$("#j_getVerifyCode").on("click",getVerifyCode({
				callBack: function (){//按钮点击后的回调函数，-----必须-----
					//在这里你还是可以对你的按钮进行操作
					//console.log(this);
					alert("验证码发送成功");
				},
				time: 60,//定时时间，以秒为单位，默认60秒
				getCurrentTime: function (time){//获取倒计时当前时间
					//console.log(time);
					//console.log(this);//这里的这个this执行按钮
					//console.log("=================================");
				},
				isPhone: true,//是否为发送手机验证码，如果是则会验证手机号格式，-----必须-----
				getPhone: function (){//获取手机号，此处一定要return
					return $("#j_phone").val();
				},
				//phoneReg: /^1[34578]\d{9}$/,//手机号验证正则
				phoneCallBack: function (){//当手机号有误时的回调，默认会中止操作
					alert("您输入的手机号有误");
				},
				timeIsUpText: "重新发送",//倒计时时间到了后按钮所显示文字
				timeRunnigText: "s后重新发送",//倒计时时间正在走的时候按钮所显示文字。默认为"xxs后重新获取"
				unabledClass: "unlabed"//按钮不能用的样式，即点击按钮后的样式
			}));
			//获取手机验证码-找回密码
			$("#j_getVerifyCode2").on("click",getVerifyCode({
				callBack: function (){//按钮点击后的回调函数，-----必须-----
					//在这里你还是可以对你的按钮进行操作
					//console.log(this);
					alert("验证码发送成功");
				},
				time: 60,//定时时间，以秒为单位，默认60秒
				getCurrentTime: function (time){//获取倒计时当前时间
					//console.log(time);
					//console.log(this);//这里的这个this执行按钮
					//console.log("=================================");
				},
				isPhone: true,//是否为发送手机验证码，如果是则会验证手机号格式，-----必须-----
				getPhone: function (){//获取手机号，此处一定要return
					return $("#j_phone2").val();
				},
				//phoneReg: /^1[34578]\d{9}$/,//手机号验证正则
				phoneCallBack: function (){//当手机号有误时的回调，默认会中止操作
					alert("您输入的手机号有误");
				},
				timeIsUpText: "重新发送",//倒计时时间到了后按钮所显示文字
				timeRunnigText: "s后重新发送",//倒计时时间正在走的时候按钮所显示文字。默认为"xxs后重新获取"
				unabledClass: "unlabed"//按钮不能用的样式，即点击按钮后的样式
			}));
		});
	</script>
</head>

<body style="overflow-y: hidden;">
	<!-- top start -->
	<iframe class="index_top" src="top-null.html"></iframe>
	<!-- top end -->
	<div class="login_index clearfix" style="min-height:400px;">
		<div class="index">
			<div class="index_content">
				<div class="login_left">
					<h3>中经智库云平台全新上线</h3>
					<p>总计
						<span class="number">56,566,566,221</span>
					</p>
					<span>篇文档</span>
				</div>
				<div class="login_right">
					<!-- tab start -->
					<div class="index_tab" role="tabpanel">
						<!-- Nav tabs -->
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab">账号登录</a></li>
							<li role="presentation"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab">手机登录</a></li>
						</ul>
						<!-- Tab panes -->
						<div class="tab-content tabs">
							<!-- 账号登录 start -->
							<div role="tabpanel" class="tab-pane fade in active" id="Section1">
								<div class="row row_border">
									<span class="glyphicon glyphicon-user"></span>
									<input class="input" type="text" value=""  placeholder="请输入账号" />
							  </div>
								<div class="row row_border">
									<span class="glyphicon glyphicon-lock"></span>
									<input class="input" type="text" value=""  placeholder="请输入密码" />
								</div>
								<div class="row">
									<input type="text" id="code_input" value="" placeholder="请输入验证码"/>
									<div id="v_container"></div>
								</div>
								<div class="row" style="text-align:center">
									<input type="submit"  id="my_button" value="登录" />
								</div>
								<div class="row">
									<a class="login_register" onclick="$('.login_tank_reg').show();">注册</a>
									<a class="rePassword"  onclick="$('.login_tank_pasw').show();">忘记密码？</a>
								</div>
							</div>
							<!-- 账号登录 end -->

							<!-- 手机号登录 start -->
							<div role="tabpanel" class="tab-pane fade" id="Section2">
								<div class="row row_border">
									<span class="glyphicon glyphicon-earphone"></span>
									<input type="text" id="j_phone" class="phone" placeholder="请输入手机号" >
								</div>
								<div class="row">
									<input type="text" class="yanz" placeholder="请输入验证码"/>
									<div id="j_getVerifyCode" class="getverify-code-btn row_border">获取验证码</div>
								</div>
								<div class="row">
									<input type="submit" value="登录" />
								</div>
								<div class="row">
									<a class="login_register" onclick="$('.login_tank_reg').show();">注册</a>
									<a class="rePassword"   onclick="$('.login_tank_pasw').show();">忘记密码？</a>
								</div>
							</div>
							<!-- 手机号登录 end -->
						</div>
					</div>
					<!-- tab分类 end -->
				</div>
			</div>
		</div>
	</div>
	
	<!-- 注册邀请码 start -->
	<div class="login_tank login_tank_reg">
		<div class="tk_div">
			<h3>邀请码注册</h3>
			<div class="row row_border">
				<input type="text"   placeholder="请输入邀请码" />
			</div>
			<div class="row">
				<input type="submit" value="确认注册" onClick="window.location.href='register.html'"/>
			</div>
			<div class="row">
				<a onclick="$('.login_tank_reg').hide();">返回登录</a>
			</div>
		</div>
	</div>
	<!-- 注册邀请码 end -->
	
	<!-- 忘记密码 start -->
	<div class="login_tank login_tank_pasw">
		<div class="tk_div">
			<h3>找回密码</h3>
			<div class="row row_border">
				<span class="glyphicon glyphicon-earphone"></span>
				<input type="text" id="j_phone2" class="phone" placeholder="请输入手机号" >
			</div>
			<div class="row">
					<div id="j_getVerifyCode2" class="getverify-code-btn">获取验证码</div>
			</div>
			<div class="row row_border">
				<input type="text"  placeholder="请输入验证码" >
			</div>
			<div class="row">
				<input type="submit" value="找回密码" />
			</div>
			<div class="row">
				<a onclick="$('.login_tank_pasw').hide();">返回登录</a>
			</div>
		</div>
	</div>
	<!-- 忘记密码 end -->
	
	<!-- foot start -->
	<iframe class="index_foot" src="foot-w.html"></iframe>
	<!-- foot end -->
</body>
</html>
